import { createRouter, createWebHashHistory } from 'vue-router'
// import Home from './components/Home.vue'
// import About from './components/About.vue'

// const router = createRouter({
//     history: createWebHashHistory(),
//     routes: [
//       { path: '/home', component: Home },
//       { path: '/about', component: About },
//     ]
//   })

const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        { path: '/', redirect: '/home' },
        { path: '/home', component: () => import('./components/Home.vue') },
        {
            path: '/about',
            component: () => import('./components/About.vue'),
            children: [
                { path: 'tab1', component: () => import('./components/pages/Tab1.vue') },
                { path: 'tab2', component: () => import('./components/pages/Tab2.vue') }
            ]
        },
        {
            path: '/movie', component: () => import('./components/Movie.vue'),
            children: [
                { path: ':id', name: "MovieDetails", component: () => import('./components/MovieDetails.vue'), props: true }
            ]
        },
        { path: '/login', name: 'Login', component: () => import('./components/Login.vue') }
    ]
})

router.beforeEach((to, from, next) => {
    let isLogin = false
    if (to.name == 'MovieDetails') {
        if (isLogin) {
            next()
        } else {
            next({ name: 'Login' })
        }
    } else { next() }
})


export default router